<template>
    <div class="login_panel">
        <!-- logo部分 -->
        <div class="logo">
            <img src="./../../icons/反白logo@2x.png" width="200" height="40" alt="">
        </div>
        <!-- 登录窗口 -->
        <div class="login_box">
            <img src="../../images/wenone.png" width="19" height="17" alt="" class="one">
            <img src="../../images/wentwo.png" width="58" height="50" alt="75" class="two">
            <p class="lg_title">智能表单</p>
            <p class="welcome">在这里注册</p>
            <div v-show="oneOrTwo" class="login_form">
                <div class="emailCent">
                    <p class="emailTip">请输入注册邮箱</p>
                    <input type="email" class="emailIn" placeholder="">
                    <img class="chahao" src="http://api-lunacy.icons8.com/api/assets/cd1f1a92-8a2b-4c51-af59-55c733cc9dfb/btn_x.png" alt="">
<!--                    <span class="tips">未注册邮箱</span>-->
                </div>
            </div>
            <div v-show="oneOrTwo" class="goinNow" @click="sendEmail">
                立即注册
            </div>
            <div v-show="oneOrTwo" class="thirdLogin">
                <hr> <span>更多登录方式</span>
                <hr>
            </div>
            <div v-show="oneOrTwo" class="weixinAndQQ">
                <img src="../../images/weixin.png" alt="">
                <img src="../../images/qq.png" alt="">
            </div>
            <div v-show="!oneOrTwo" class="sendTwo">
                <p>我们发送了一封激活邮件到您的邮箱</p>
                <span>ggggxxllaadd@qq.com</span>
                <p> 请<span>前往邮箱</span> 点击激活链接完成注册</p>
                <div>重新发送激活邮件</div>
                <h5 @click="goback">返回 &nbsp; 注册</h5>
            </div>
            <div class="login_bottom" @click="gotoLogin">
                <p class="gotoRegister">已经有账号了？ 去登录</p>
            </div>
        </div>
    </div>
</template>

<script>
    export default {
        data() {
            return {
                oneOrTwo: true
            };
        },
        methods: {
            sendEmail(){
                this.oneOrTwo=!this.oneOrTwo;
            },
            goback(){
                this.oneOrTwo=!this.oneOrTwo;
            },
            gotoLogin(){
                this.$router.push("/login")
            }
        }
    }
</script>

<style lang="less" scoped>
    @import url('./register.less');
</style>


